<template>
    <section class="container">
        <ListHeader :title="title" />
        <section class="list-content">
            <section class="select-form">
                <slot name="searchForm"></slot>
            </section>
            <slot></slot>
        </section>
    </section>
</template>
<script>
import ListHeader from './header.vue';

export default {
    props: {
        title: {
            default: '',
            type: String,
        },
    },
    components: {
        ListHeader,
    },
};
</script>
<style scoped lang="less">
.container {
    background-color: #fff;

    .list-content {
        // min-height: 200px;
        width: 100%;
        padding: 20px;
        .select-form {
            display: flex;
            margin-bottom: 12px;
        }
    }
}
</style>
